@extends('common.base-master')

@section('html-head')
    <link rel="stylesheet" type="text/css" href="{{url('slick/slick.css')}}"/>
    <script src="{{url('js/mui.min.js')}}"></script>
    <script type="text/javascript" src="{{url('js/hmt.js')}}" ></script>
    <script src="{{url('slick/slick.js')}}" type="text/javascript" ></script>
    <script type="text/javascript" src="{{url('js/shopcar.js')}}" ></script>
    <!--插件-->
    <link rel="stylesheet" href="{{url('css/swiper.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{url('css/common.css')}}"/>
    <style>
        .in_newbanner{
            line-height: 33px;
            font-weight: normal;
            background: #ededed;
        }

        .in_newbanner li{
            padding-bottom: 1%;
        }

        .in_newbanner img{
            width: 100%;
            height: 170px;
        }

        .text-align_c{
            text-align: center;
        }
        .in_newbanner i{
            text-align: center;
            background: #ededed;
            padding: 0 10px;
            position: relative;
            z-index: 2;
            color: #999;
        }
        .in_newbanner a{
            padding: 1%;
            display: block;
        }

    </style>
@endsection

@section('html-body')
    <header class="mui-bar mui-bar-nav report-header box-s" id="header" style="background-color: #49cabf">
        <a href="javascript:history.go(-1)"><i class="iconfont icon-fanhui fl"></i></a>
        <p style="width: 90%;">科室介绍</p>
        {{--<span class="fr baocun"><a href="#" id="btn_save">保存</a></span>--}}
    </header>
    <div style="margin-top: 65px;">
        <ul class="in_newbanner">
            @foreach($articles as $article)
                <li>
                    <h2 class="font_14 text-align_c">
                    <i>{{$article->title}}</i>
                    </h2>
                    <a href="{{route('M.Home.contentDetail').'?id='.$article->id}}">
                        <img src="{{route('Api.Image.Show',['id'=>$article->img_id])}}">
                    </a>
                </li>
            @endforeach
        </ul>
    </div>
@endsection